<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link rel="shortcut icon" href="img/logo.ico">  <!--引入LOGO图标-->
    <link rel="stylesheet" href="css/common.css">  <!--引入公共css样式-->
    <link rel="stylesheet" href="css/login.css">  <!--引入login的css样式-->
</head>
<body>
<div class="header">
    <div class="container">
        <a href="index.html"><img src="img/login_1.png" alt="login_1.png"></a>
    </div>
</div>
<div class="main">
    <div class="container">
        <img src="img/login_9.png" alt="login_9.png">
        <form action="">
            <p>登录</p>
            <input type="text" class="user" placeholder="用户名/手机号" id="user">
            <input type="password" class="psw" id="psw">
            <div class="test">
                <label>
                    <img src="img/login_5.png" alt="login_5.png">
                    <a href="javascript:;" class="note">短信验证码登录</a>
                </label>
                <a href="javascript:;" class="forget">忘记密码？</a>
            </div>
            <div class="login">
                <input type="submit" value="登录" id="login">
                <a href="register.html">免费注册<i>&gt</i><i>&gt</i></a>
            </div>
            <div class="third">
                <h3>使用第三方登录</h3>
                <div>
                    <a href="javascript:;"><img src="img/login_6.png" alt="login_6.png"><i>QQ</i></a>
                    <a href="javascript:;"><img src="img/login_7.png" alt="login_7.png"><i>微信</i></a>
                    <a href="javascript:;"><img src="img/login_8.png" alt="login_8.png"><i>微博</i></a>
                </div>
            </div>
        </form>
    </div>
</div>
<div class="footer">
    <div class="record container">
        <p>Copyright© 2002-2017 ，音响有限公司版权所有 苏ICP备10207551号-4| 苏B1-20130131| 苏B2-20130376</p>
        <ul>
            <li><a href="javascript:;"><img src="img/index_42.png" alt="index_42.png"></a></li>
            <li><a href="javascript:;"><img src="img/index_43.png" alt="index_43.png"></a></li>
            <li><a href="javascript:;"><img src="img/index_44.png" alt="index_44.png"></a></li>
            <li><a href="javascript:;"><img src="img/index_45.png" alt="index_45.png"></a></li>
            <li><a href="javascript:;"><img src="img/index_46.png" alt="index_46.png"></a></li>
            <li><a href="javascript:;"><img src="img/index_47.png" alt="index_47.png"></a></li>
            <li><a href="javascript:;"><img src="img/index_48.png" alt="index_48.png"></a></li>
            <li><a href="javascript:;"><img src="img/index_49.png" alt="index_49.png"></a></li>
        </ul>
    </div>
</div>
<script src="lib/jquery-1.11.3.min.js"></script>
<script src="lib/storages.js"></script>
<script src="js/common.js"></script>
<script src="js/login.js"></script>
</body>
</html>